// tree连接线
.mytree {
  .tree-line {
    .el-tree-node {
      position: relative;
      padding-left: 0; // 缩进量
    }

    .el-tree-node__children {
      padding-left: 0; // 缩进量
    }

    // 竖线
    .el-tree-node::before {
      position: absolute;
      top: -50%;
      left: 35px;
      width: 1px;
      height: 100%;
      // border-width: 1px;
      border-left: 1px dashed #8c97a8;
      content: "";
    }
    // 当前层最后一个节点的竖线高度固定
    .el-tree-node:last-child::before {
      height: 26px; // 可以自己调节到合适数值
    }

    // 横线
    .el-tree-node::after {
      position: absolute;
      top: 12px;
      left: 35px;
      width: 18px;
      height: 20px;
      // border-width: 1px;
      border-top: 1px dashed #8c97a8;
      content: "";
    }

    // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
    & > .el-tree-node::after {
      border-top: none;
    }

    & > .el-tree-node::before {
      border-left: none;
    }

    // 展开关闭的icon
    .el-tree-node__expand-icon {
      font-size: 16px;
      // 叶子节点（无子节点）
      &.is-leaf {
        color: transparent;
        // display: none; // 也可以去掉
      }
    }

    .el-tree-node__content{
      line-height: 32px;
    }

    .el-tree-node__label{
      margin-bottom:2px;
    }
  }
}
